<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/style2.css">
    <link rel="stylesheet" href="./css/style-special.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3219636_79w6fqn21we.css">
    <link rel="stylesheet" href="./js/nav.js">
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="nav_content">
            <ul class="city" id="city">
                <li>
                    <div class="sc">
                        <i class="iconfont icon-dingwei"></i>
                        <a href="#" id="cityShow">四川</a> 
                    </div>
                    <div class="citys" id="citys">
                        <div class="cityList" id="cityList">
                            <div class="item">
                                <a href="#">北京</a>
                            </div>
                            <div class="item">
                                <a href="#">上海</a>
                            </div>
                            <!-- <div class="item">北京</div> -->
                            <!-- <div class="item">上海</div> -->
                            <div class="item">天津</div>
                            <div class="item">重庆</div>
                            <div class="item">河北</div>
                            <div class="item">山西</div>
                            <div class="item">河南</div>
                            <div class="item">辽宁</div>
                            <div class="item">吉林</div>
                            <div class="item">黑龙江</div>
                            <div class="item">内蒙古</div>
                            <div class="item">江苏</div>
                            <div class="item">山东</div>
                            <div class="item">安徽</div>
                            <div class="item">浙江</div>
                            <div class="item">福建</div>
                            <div class="item">湖北</div>
                            <div class="item">湖南</div>
                            <div class="item">广东</div>
                            <div class="item">广西</div>
                            <div class="item">江西</div>
                            <div class="item">四川</div>
                            <div class="item">海南</div>
                            <div class="item">贵州</div>
                            <div class="item">云南</div>
                            <div class="item">西藏</div>
                            <div class="item">陕西</div>
                            <div class="item">甘肃</div>
                            <div class="item">青海</div>
                            <div class="item">宁夏</div>
                            <div class="item">新疆</div>
                            <div class="item">港澳</div>
                            <div class="item">台湾</div>
                            <div class="item">钓鱼岛</div>
                            <div class="item">海外</div>
                        </div>
                        <div class="division"></div>
                        <div class="region">
                            <div>地区专享版本</div>
                            <div>中国港澳</div>
                            <div>中国台湾</div>
                            <div>京东全球</div>
                        </div>
                        <div class="division"></div>
                        <div class="international">
                            <div>Available Sites</div>
                            <div>
                                <img src="./images/nav/全球.png" alt="全球" >
                                <span>Global Site</span>
                            </div>
                            <div>
                                <img src="./images/nav/俄罗斯.png" alt="" srcset="">
                                <span>Сайт России</span>
                            </div>
                            <div>
                                <img src="./images/nav/印度尼西亚.png" alt="" srcset="">
                                <span>Situs Indonesia</span>
                            </div>
                            <div>
                                <img src="./images/nav/es-西班牙.png" alt="" srcset="">
                                <span>Sitio de España</span>
                            </div>
                            <div>
                                <img src="./images/nav/泰国.png" alt="">
                                <span>เว็บไซต์ประเทศไทย</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="nav_inf">
                <li>
                    <a href="#">你好，请登录</a>
                    <a href="#">免费注册</a>
                </li>
                <li class="separated">|</li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li class="separated">|</li>
                <li class="myJDshow" id="myJD">
                    <div class="myJD" >
                        <a href="#">我的京东</a>
                        <i class="iconfont icon-xiala-"></i>
                    </div>
                    <div class="myJDs" id="myJDS">
                        <div class="myJDList">
                            <div>
                                <a href="#">待处理订单</a> 
                            </div>
                            <div>
                                <a href="#">我的问答</a> 
                            </div>
                            <div>
                                <a href="#">返修退换货</a> 
                            </div>
                            <div>
                                <a href="#">我的关注</a> 
                            </div>
                            <div>
                                <a href="#">降价商品</a> 
                            </div>
        
                        </div>
                        <div class="myJDList">
                            <div>
                                <a href="#">我的京东</a>
                            </div>
                            <div>
                                <a href="#">我的优惠卷</a> 
                            </div>
                            <div>
                                <a href="#">我都白条</a> 
                            </div>
                            <div>
                                <a href="#">我的理财</a> 
                            </div>
                        </div>
                    </div>
                </li>
                <li class="separated">|</li>
                <li>
                    <a href="#">京东会员</a>
                </li>
                <li class="separated">|</li>
                <li class="firmShow" id="firm"> 
                    <div class="firm" >
                        <a href="#">企业采购</a>
                        <i class="iconfont icon-xiala-"></i>
                    </div>
                    <div class="firmList" id="firmList">
                        <!-- <div>企业购&nbsp;&nbsp;&nbsp;</div>
                        <div>公共平购平台</div>
                        <div>工业品&nbsp;&nbsp;&nbsp;</div>
                        <div>商用场景馆</div>
                        <div>礼品卡&nbsp;&nbsp;&nbsp;</div>
                        <div>微信企业够</div>
                        <div>工业优选</div>
                        <div>京东锦礼</div>
                        <div>大中型企业采购</div> -->
                        
                            <div>
                               <a href="#">企业购&nbsp;&nbsp;&nbsp;</a> 
                            </div>
                            <div>
                                <a href="#">公共采购平台</a> 
                             </div>
                             <div>
                                <a href="#">工业品&nbsp;&nbsp;&nbsp;</a> 
                             </div>
                             <div>
                                <a href="#">商用场景馆</a> 
                             </div>
                             <div>
                                 <a href="#">礼品卡&nbsp;&nbsp;&nbsp;</a>
                             </div>
                             <div>
                                <a href="#">微信企业购</a> 
                             </div>
                             <div>
                                 <a href="#">工品优选</a>
                             </div>
                             <div>
                                <a href="#">京东锦礼</a> 
                             </div>
                             <div>
                                 <a href="#">大中型企业采购</a>
                             </div>
                        
                    </div>
                </li>
                <li class="separated">|</li>
                <li class="customerShow" id="customer">
                    <div class="customer" >
                        <a href="#">客户服务</a>
                        <i class="iconfont icon-xiala-"></i>
                    </div>
                    <div class="customerList" id="customerList">
                        <div class="sort">客户</div>
                        <div class="customerLists">
                            <div>
                                <a href="#">帮助中心</a>
                            </div>
                            <div>
                                <a href="#">售后服务</a>
                            </div>
                            <div>
                                <a href="#">在线客服</a>
                            </div>
                            <div>
                                <a href="#">意见建议</a>    
                            </div>
                            <div>
                                <a href="#">电话客服</a>    
                            </div>
                            <div>
                                <a href="#">客服邮箱</a>    
                            </div>
                            <div>
                                <a href="#">金融咨询</a>    
                            </div>
                            <div>
                                <a href="#">全球售客服</a>    
                            </div>
                            <div>
                                <a href="#">企业客服</a>    
                            </div>
                        </div>
                        <div class="sort">商户</div>
                        <div class="merchants">
                            <div>
                                <a href="#">合作招商</a>    
                            </div>
                            <div>
                                <a href="#">成长中心</a>    
                            </div>
                            <div>
                                <a href="#">商家后台</a>    
                            </div>
                            <div>
                                <a href="#">京麦工作台</a>    
                            </div>
                            <div>
                                <a href="#">商家帮助</a>    
                            </div>
                            <div>
                                <a href="#">规则平台</a>    
                            </div>
                        </div>
                      
                    </div>
                </li>
                <li class="separated">|</li>
                <li class="webNavshow" id="webNav">
                    <div class="webNav" >
                        <a href="#">网站导航</a>
                        <i class="iconfont icon-xiala-"></i>
                    </div>
                    <div class="webNavList" id="webNavList">
                        <div class="navItem features">
                            <div class="siteNavTitle">特色主题</div>
                            <div class="featuresList">
                                <div>
                                    <a href="#">新品首发</a>
                                </div>
                                <div>
                                    <a href="#">京东金融</a>
                                </div>
                                <div>
                                    <a href="#">全球售</a>
                                </div>
                                <div>
                                    <a href="#">国际站</a>
                                </div>
                                <div>
                                    <a href="#">京东会员</a>
                                </div>
                                <div>
                                    <a href="#">台湾售</a>
                                </div>
                                <div>
                                    <a href="#">俄语站</a>
                                </div>
                                <div>
                                    <a href="#">装机大师</a>
                                </div>
                                <div>
                                    <a href="#">港澳售</a>
                                </div>
                                <div>
                                    <a href="#">优惠卷</a>
                                </div>
                                <div>
                                    <a href="#">秒杀</a>
                                </div>
                                <div>
                                    <a href="#">闪购</a>
                                </div>
                                <div>
                                    <a href="#">印尼站</a>
                                </div>
                                <div>
                                    <a href="#">陪伴计划</a>
                                </div>
                                <div>
                                    <a href="#">出海招商</a>
                                </div>
                                <div>
                                    <a href="#">拍拍二首</a>
                                </div>
                                <div>
                                    <a href="#">买什么</a>
                                </div>
                            </div>
                        </div>
                        <div class="navItem channel">
                            <div class="siteNavTitle">行业频道</div>
                            <div class="channelList">
                                <div>
                                    <a href="#">手机</a>
                                </div>
                                <div>
                                    <a href="#">智能数码</a>
                                </div>
                                <div>
                                    <a href="#">电脑办公</a>
                                </div>
                                <div>
                                    <a href="#">家用电器</a>
                                </div>
                                <div>
                                    <a href="#">京东小家</a>
                                </div>
                                <div>
                                    <a href="#">京东服饰</a>
                                </div>
                                <div>
                                    <a href="#">京东生鲜</a>
                                </div>
                                <div>
                                    <a href="#">家装城</a>
                                </div>
                                <div>
                                    <a href="#">母婴</a>
                                </div>
                                <div>
                                    <a href="#">食品</a>
                                </div>
                                <div>
                                    <a href="#">农资频道</a>
                                </div>
                                <div>
                                    <a href="#">整车</a>
                                </div>
                                <div>
                                    <a href="#">图书</a>
                                </div>
                                <div>
                                    <a href="#">劳动防护</a>
                                </div>
                            </div>
                        </div>
                        <div class="navItem life">
                            <div class="siteNavTitle">生活服务</div>
                            <div class="lifeList">
                                <div>
                                    <a href="#">京东众筹</a>
                                </div>
                                <div>
                                    <a href="#">白条</a>
                                </div>
                                <div>
                                    <a href="#">京东金融App</a>
                                </div>
                                <div>
                                    <a href="#">京东小金库</a>
                                </div>
                                <div>
                                    <a href="#">理财</a>
                                </div>
                                <div>
                                    <a href="#">话费</a>
                                </div>
                                <div>
                                    <a href="#">水电煤</a>
                                </div>
                                <div>
                                    <a href="#">彩票</a>
                                </div>
                                <div>
                                    <a href="#">旅行</a>
                                </div>
                                <div>
                                    <a href="#">机票酒店</a>
                                </div>
                                <div>
                                    <a href="#">电影票</a>
                                </div>
                                <div>
                                    <a href="#">京东到家</a>
                                </div>
                                <div>
                                    <a href="#">游戏</a>
                                </div>
                                <div>
                                    <a href="#">拍拍回收</a>
                                </div>
                            </div>
                        </div>
                        <div class="navItem choice">
                            <div class="siteNavTitle">更多精选</div>
                            <div class="choiceList">
                                <div>
                                    <a href="#">合作招商</a>
                                </div>
                                <div>
                                    <a href="#">京东通信</a>
                                </div>
                                <div>
                                    <a href="#">京东E卡</a>
                                </div>
                                <div>
                                    <a href="#">企业采购</a>
                                </div>
                                <div>
                                    <a href="#">服务市场</a>
                                </div>
                                <div>
                                    <a href="#">办公生活馆</a>
                                </div>
                                <div>
                                    <a href="#">校园加盟</a>
                                </div>
                                <div>
                                    <a href="#">京东社区</a>
                                </div>
                                <div>
                                    <a href="#">游戏社区</a>
                                </div>
                                <div>
                                    <a href="#">知识产权维护</a>
                                </div>
                                <div>
                                    <a href="#">关于我们</a>
                                </div>
                                <div>
                                    <a href="#">京东安联保险</a>
                                </div>
                            </div>
                        </div>

                    </div>
                </li>
                <li class="separated">|</li>
                <li id="PhoneJD">
                    <div class="phone_JD">
                        <a href="#">手机京东</a>
                    </div>
                    <div id="JDcode">
                        <div class="sanjiao"></div>
                        <div class="JDcode" >
                            <div>
                                <img src="./images/二维码/phoneJD.png" alt="">
                            </div>
                            <div>
                                <img src="./images/二维码/financialJD.png" alt="">
                            </div>
                            <div>
                                <img src="./images/二维码/focusonJD.png" alt="">
                            </div>
                            <div>
                                <img src="./images/二维码/healthJD.png" alt="">
                            </div>
                            <div>
                                <img src="./images/二维码/financialJD_new.png" alt="">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="separated">|</li>
                <li>
                    <a href="#">网站无障碍</a>
                </li>
            </ul>
        </div>



    </div>
    <!-- 搜索栏 -->
    <div class="search">
        <div class="searchMianBox">
            <div class="JDlogo" id="JDlogo">
                <div class="imglog" id="imglog"> </div>
                <div class="logoScene" id="logoScene"></div>
                <div class="logo_text">
                    <div>爱酒人士必备</div>
                    <div>去看看></div>
                </div>
            </div>
            <div class="searchBox">
                <input type="text" >
                <span class="iconfont icon-paizhao"></span>
                <button>
                    <i class="iconfont icon-sousuoxiao"></i>
                </button>
                <div class="hotwords">
                    <ul>
                        <li><a href="#">拍拍3c盛典</a></li>
                        <li><a href="#">京东国际</a></li>
                        <li><a href="#">iPhone</a></li>
                        <li><a href="#">京东京造</a></li>
                        <li><a href="#">家电品质</a></li>
                        <li><a href="#">朝我看起</a></li>
                        <li><a href="#">京东文具</a></li>
                        <li><a href="#">周年庆</a></li>
                        <li><a href="#">K50系列</a></li>
                    </ul>
                </div>
            </div>
            <div class="navitems">
                <ul>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">优惠卷</a></li>
                    <li><a href="#">PLUS会员</a></li>
                    <li><a href="#">品牌闪购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">京东家电</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">京东生鲜</a></li>
                    <li><a href="#">京东国际</a></li>
                    <li><a href="#">京东云</a></li>
                </ul>
            </div>
            
            <div class="settleup">
                <i class="iconfont icon-shiwu-gouwuche"></i>
                <a href="#">我的购物车</a>
                <span>0</span>
            </div>
            <div class="treasure">
            </div>
        </div>
    </div>

    <!-- 商品导航 -->
    <div class="goodsbox">
        <div class="goods">
            <ul>
                <li>
                   <a href="#">家用电器</a> 
                </li>
               <li>
                    <a href="#">手机</a>
                    <span>/</span>
                    <a href="#">运营商</a>
                    <span>/</span>
                    <a href="#">数码</a>
               </li>
               <li>
                    <a href="#">电脑</a>
                    <span>/</span>
                    <a href="#">办公</a>
               </li>
               <li>
                    <a href="#">家居</a>
                    <span>/</span>
                    <a href="#">家具</a>
                    <span>/</span>
                    <a href="#">家装</a>
                    <span>/</span>
                    <a href="#">厨具</a>
               </li>
               <li>
                    <a href="#">男装</a>
                    <span>/</span>
                    <a href="#">女装</a>
                    <span>/</span>
                    <a href="#">童装</a>
                    <span>/</span>
                    <a href="#">内衣</a>        
               </li>
               <li>
                    <a href="#">美妆</a>
                    <span>/</span>
                    <a href="#">个护清洁</a>
                    <span>/</span>
                    <a href="#">宠物</a>
               </li>
               <li>
                    <a href="#">女鞋</a>
                    <span>/</span>
                    <a href="#">箱包</a>
                    <span>/</span>
                    <a href="#">钟表</a>
                    <span>/</span>
                    <a href="#">珠宝</a>
               </li>
               <li>
                    <a href="#">男鞋</a>
                    <span>/</span>
                    <a href="#">运动</a>
                    <span>/</span>
                    <a href="#">户外</a>
               </li>
               <li>
                    <a href="#">房产</a>
                    <span>/</span>
                    <a href="#">汽车</a>
                    <span>/</span>
                    <a href="#">汽车用品</a>
               </li>
               <li>
                    <a href="#">母婴</a>
                    <span>/</span>
                    <a href="#">玩具乐器</a>
               </li>
               <li>
                    <a href="#">食品</a>
                    <span>/</span>
                    <a href="#">酒类</a>
                    <span>/</span>
                    <a href="#">生鲜</a>
                    <span>/</span>
                    <a href="#">特产</a>
               </li>
               <li>
                    <a href="#">艺术</a>
                    <span>/</span>
                    <a href="#">礼品鲜花</a>
                    <span>/</span>
                    <a href="#">农资绿植</a>
                    
               </li>
               <li>
                    <a href="#">医药保健</a>
                    <span>/</span>
                    <a href="#">计生情趣</a>
               </li>
               <li>
                    <a href="#">图书</a>
                    <span>/</span>
                    <a href="#">文娱</a>
                    <span>/</span>
                    <a href="#">教育</a>
                    <span>/</span>
                    <a href="#">电子书</a>
               </li>
               <li>
                    <a href="#">机票</a>
                    <span>/</span>
                    <a href="#">酒店</a>
                    <span>/</span>
                    <a href="#">旅游</a>
                    <span>/</span>
                    <a href="#">生活</a>
               </li>
               <li>
                    <a href="#">理财</a>
                    <span>/</span>
                    <a href="#">众筹</a>
                    <span>/</span>
                    <a href="#">白条</a>
                    <span>/</span>
                    <a href="#">保险</a>
               </li>
               <li>
                    <a href="#">安装</a>
                    <span>/</span>
                    <a href="#">维修</a>
                    <span>/</span>
                    <a href="#">清洗</a>
                    <span>/</span>
                    <a href="#">二手</a>
               </li>
               <li>
                    <a href="#">工业品</a>
               </li>
           </ul>
        </div>
        <div class="goods_picture" id="goods_imgs">
            <div class="nextimg"> < </div>
            <div class="lastimg">></div>
            <ul>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
            </ul>
        </div>
        <div class="goodsimgBox">
            <a href="#">
                <img src="//img20.360buyimg.com/babel/s380x300_jfs/t1/169562/17/27598/86466/61b83ffbEb9b01749/7f0fe23eaaf48b4e.jpg.webp" alt="">
            </a>
            <a href="#">
                <img src="//img12.360buyimg.com/babel/s380x300_jfs/t1/126827/13/19259/67342/60a8abe5E986230da/ef6c1e67fddb54c8.jpg.webp" alt="">
            </a>
            <a href="#">
                <img src="//img11.360buyimg.com/da/s380x300_jfs/t1/34982/5/13711/65452/5d340e86Ee40bcd6a/de9dd495de258fa4.png.webp" alt="">
            </a>
           <div class="last1">></div>
           <div class="next1"><</div>
        </div>

        <div class="massage">
            <div class="login">
                <div class="login_a">
                    <img src="" alt="">
                    <p>Hi~欢迎逛京东!</p>
                    <p><a href="#">登陆</a>&nbsp;|&nbsp;<a href="#">注册</a></p>
                </div>
                <a href="#" class="login_b">新人福利</a>
                <a href="#" class="login_c">PLUS会员</a>
                <div style="width: 120px; background-color: #eee;height: 1px;margin-top: 10px; margin:10px auto 1px auto ;"></div>
            </div>
            <div class="news">
                <ul>
                    <li>京东快报<a href="#" class="more">更多&nbsp;&nbsp;></a></li>
                    <li><a href="#">热门</a> 海信E3F和</li>
                    <li><a href="#">热门</a> 海信E3F和</li>
                    <li><a href="#">热门</a> 海信E3F和</li>
                    <li><a href="#">热门</a> 海信E3F和</li>
                    
                </ul>
                <div style="width: 120px; background-color: #eee;height: 1px;margin-top: 5px; margin:10px auto 1px auto ;"></div>
            </div>
            <div class="func">
                <ul>

                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="" style="display: none;">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
                            话费
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/36478/38/5384/2901/5cbf065aEb0c60a12/afb4399323fe3b76.png" alt="" style="display: inline-block;">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/34261/15/10242/3120/5cd4f256E10257aba/8f3f63ae04ff19af.png" alt="" style="display: none;">
                            机票
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/31069/34/14642/979/5cbf0665Ec7dc8223/5fee386254dd2ebc.png" alt="">
                            酒店
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/32403/22/14829/3699/5cbf0674E04723693/caa83ce9b881cd24.png" alt="">
                            游戏
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/36002/35/9106/3311/5cd4f1bdE06ff07ed/9570fdd46ecd3a76.png" alt="">
                            加油卡
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/45761/32/10307/1581/5d7739e2Ece4b6671/0004c1b85fbf7bde.png" alt="">
                            火车票
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/51584/31/10221/1685/5d7739e7E1adb25cd/1d0957d7f2ae01a2.png" alt="">
                            众筹
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/47544/23/372/3943/5cd4f24eE92fbcf79/4b49b55af25a7bdf.png" alt="">
                            理财
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/39983/24/6834/1596/5cd4f247E8cf89f1e/b8a8418d5418f471.png" alt="">
                            白条
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/41106/15/4551/3300/5cd4f1c7E507148c7/90a218f053e903d2.png" alt="">
                            电影票
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/40738/20/14562/826/5d773a01E09eb8121/d6f3909618c6307a.png" alt="">
                            企业购
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://m.360buyimg.com/babel/jfs/t1/57014/6/10297/815/5d773a07Ec7a61fc9/97917a2daa34be0f.png" alt="">
                            礼品卡
                        </a>
                    </li>

                   
                </ul>

            </div>
        </div>
    </div>
    
    <div class="abc">
         <div class="abc_a"></div>
    </div>
   
    <div class="top_search" id="top_search">
        <div class="top_search_a">
            <div class="top_search_logo"> </div>
            <div class="top_search_i">
                <input type="text">
                <span class="iconfont icon-paizhao"></span>
                <button>
                    <i class="iconfont icon-sousuoxiao"></i>
                </button>
            </div>
            <div class="top_search_s">
                <i class="iconfont icon-shiwu-gouwuche"></i>
                <a href="#">我的购物车</a>
                <span>0</span>
            </div>
        </div>
    </div>
   

    <!-- 京东秒杀 -->
    <div class="seckill_box">
        <ul>
            <li>
                <div class="seckill">
                    <div class="seckill_a">京东秒杀</div>
                    <div class="seckill_time"><strong>10:00</strong>点场 距结束</div>
                    <div class="seckill_s">
                        <span>01</span>:
                        <span>24</span>:
                        <span>43</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="goods_show1">
                    <img src="https://img10.360buyimg.com/seckillcms/s280x280_jfs/t1/119481/25/24503/153511/62394181Eb01c929b/9e515f1a6697c128.jpg.webp" alt="">
                    <p title="戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 ">戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 </p>
                </div>
                <div class="money">
                    <span >￥2490.00</span>
                </div>
            </li>
            <li>
                <div class="goods_show1">
                    <img src="https://img10.360buyimg.com/seckillcms/s280x280_jfs/t1/119481/25/24503/153511/62394181Eb01c929b/9e515f1a6697c128.jpg.webp" alt="">
                    <p title="戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 ">戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 </p>
                </div>
                <div class="money">
                    <span >￥2490.00</span>
                </div>
            </li>
            <li>
                <div class="goods_show1">
                    <img src="https://img10.360buyimg.com/seckillcms/s280x280_jfs/t1/119481/25/24503/153511/62394181Eb01c929b/9e515f1a6697c128.jpg.webp" alt="">
                    <p title="戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 ">戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 </p>
                </div>
                <div class="money">
                    <span >￥2490.00</span>
                </div>
            </li>
            <li>
                <div class="goods_show1">
                    <img src="https://img10.360buyimg.com/seckillcms/s280x280_jfs/t1/119481/25/24503/153511/62394181Eb01c929b/9e515f1a6697c128.jpg.webp" alt="">
                    <p title="戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 ">戴森(Dyson) 新一代吹风机 Dyson Supersonic 电吹风 负离子 进口家用 礼物推荐 HD12 银色 专业版 </p>
                </div>
                <div class="money">
                    <span >￥2490.00</span>
                </div>
            </li>
            <li>
                <div class="goods_shows_i">
                    <img src="//img30.360buyimg.com/seckillcms/s260x260_jfs/t1/185548/26/21809/209421/62407472E475a776e/aafc337041133a24.jpg.webp" alt="">
                    <p>小米秒杀专场</p>
                    <p>品质好物，点击抢购</p>
                    <div class="shows_a">品牌秒杀></div>
                </div>

            </li>
        </ul>
    </div>

    <!-- 每日特价 -->
    <div class="special_box">
        <div class="special_a">
            <div class="special_a_title">
               <a href="#">今日特价 
                   <div>></div>
               </a>
            </div>
            <div class="special_chooes" >
                <div>精选</div>
                <div>美食</div>
                <div>百货</div>
                <div>个护</div>
                <div>预告</div>
            </div>
            <div class="special_list_a">
                <div class="special_list_0">
                    <div>
                        <img src="//img13.360buyimg.com/seckillcms/s144x144_jfs/t1/132947/28/26006/187118/623a8ab0E6393d95d/ac3cb95a03f8d8fe.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div>1年最低价</div>
                    <div>
                        越野徒步登山旅行运动
                        <p>￥115</p>
                    </div>
                </div>
                <div class="special_list_a1">
                    <div class="special_list_1">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_2">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_3">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_4">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                </div>
              
            </div>
            <div class="special_list_a b">
                <div class="special_list_0">
                    <div>
                        <img src="//img13.360buyimg.com/seckillcms/s144x144_jfs/t1/132947/28/26006/187118/623a8ab0E6393d95d/ac3cb95a03f8d8fe.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div>1年最低价</div>
                    <div>
                        越野徒步登山旅行运动
                        <p>￥1105</p>
                    </div>
                </div>
                <div class="special_list_a1">
                    <div class="special_list_1">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥1.9</p>
                        </div>
                    </div>
                    <div class="special_list_2">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_3">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_4">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                </div>
              
            </div>
            <div class="special_list_a b">
                <div class="special_list_0">
                    <div>
                        <img src="//img13.360buyimg.com/seckillcms/s144x144_jfs/t1/132947/28/26006/187118/623a8ab0E6393d95d/ac3cb95a03f8d8fe.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div>1年最低价</div>
                    <div>
                        越野徒步登山旅行运动
                        <p>￥1105</p>
                    </div>
                </div>
                <div class="special_list_a1">
                    <div class="special_list_1">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥13.9</p>
                        </div>
                    </div>
                    <div class="special_list_2">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_3">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_4">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                </div>
              
            </div>
            <div class="special_list_a b">
                <div class="special_list_0">
                    <div>
                        <img src="//img13.360buyimg.com/seckillcms/s144x144_jfs/t1/132947/28/26006/187118/623a8ab0E6393d95d/ac3cb95a03f8d8fe.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div>1年最低价</div>
                    <div>
                        越野徒步登山旅行运动
                        <p>￥1105</p>
                    </div>
                </div>
                <div class="special_list_a1">
                    <div class="special_list_1">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥14.9</p>
                        </div>
                    </div>
                    <div class="special_list_2">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_3">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_4">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                </div>
              
            </div>
            <div class="special_list_a b">
                <div class="special_list_0">
                    <div>
                        <img src="//img13.360buyimg.com/seckillcms/s144x144_jfs/t1/132947/28/26006/187118/623a8ab0E6393d95d/ac3cb95a03f8d8fe.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div>1年最低价</div>
                    <div>
                        越野徒步登山旅行运动
                        <p>￥1105</p>
                    </div>
                </div>
                <div class="special_list_a1">
                    <div class="special_list_1">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥15.9</p>
                        </div>
                    </div>
                    <div class="special_list_2">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_3">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                    <div class="special_list_4">
                        <div class="list_1_p">
                            <img src="//img30.360buyimg.com/seckillcms/s144x144_jfs/t1/123526/27/27079/200790/623ad9b1E7a0e4c51/ecafdc82f92cb99b.jpg!q70.jpg.webp" alt="">
                            <span>1年最低价</span>
                        </div>
                        <div class="list_1_t">
                            <p>车家两用 双面加厚洗车巾</p>
                            <p>￥9.9</p>
                        </div>
                    </div>
                </div>
              
            </div>
        </div>
        <div class="special_b">
            <div class="special_a_title">
                <a href="#">品牌闪购
                    <div>></div>
                </a>
            </div>
            <div class="special_b_img">
                <img src="//img10.360buyimg.com/seckillcms/s780x780_jfs/t1/111470/37/23439/101637/6242b515E73d024ad/6c8e5f8532898878.jpg!cc_130x130.webp" alt="">
            </div>
            <div class="special_b_imgs">
               <a href="#">
                   <div>
                       <img src="//img12.360buyimg.com/seckillcms/s600x300_jfs/t1/213873/4/15856/20217/624156b2Ef5294e5a/32da676f0be3f6ce.png!cc_300x150.webp" alt="">
                       <h6>帕罗羊绒特卖</h6>
                   </div>
                   <div class="fenge"></div>
               </a>
               <a href="#">
                   <div>
                       <img src="//img12.360buyimg.com/seckillcms/s600x300_jfs/t1/213873/4/15856/20217/624156b2Ef5294e5a/32da676f0be3f6ce.png!cc_300x150.webp" alt="">
                       <h6>帕罗羊绒特卖</h6>
                   </div>
                   <!-- <div class="fenge"></div> -->
               </a>
               <a href="#">
                   <div>
                       <img src="//img12.360buyimg.com/seckillcms/s600x300_jfs/t1/213873/4/15856/20217/624156b2Ef5294e5a/32da676f0be3f6ce.png!cc_300x150.webp" alt="">
                       <h6>帕罗羊绒特卖</h6>
                   </div>
                   <div class="fenge"></div>
               </a>
               <a href="#">
                   <div>
                       <img src="//img12.360buyimg.com/seckillcms/s600x300_jfs/t1/213873/4/15856/20217/624156b2Ef5294e5a/32da676f0be3f6ce.png!cc_300x150.webp" alt="">
                       <h6>帕罗羊绒特卖</h6>
                   </div>
                   <!-- <div class="fenge"></div> -->
               </a>
               <a href="#">
                   <div>
                       <img src="//img12.360buyimg.com/seckillcms/s600x300_jfs/t1/213873/4/15856/20217/624156b2Ef5294e5a/32da676f0be3f6ce.png!cc_300x150.webp" alt="">
                       <h6>帕罗羊绒特卖</h6>
                   </div>
                   <div class="fenge"></div>
               </a>
               <a href="#">
                   <div>
                       <img src="//img12.360buyimg.com/seckillcms/s600x300_jfs/t1/213873/4/15856/20217/624156b2Ef5294e5a/32da676f0be3f6ce.png!cc_300x150.webp" alt="">
                       <h6>帕罗羊绒特卖</h6>
                   </div>
                   <!-- <div class="fenge"></div> -->
               </a>
               
            </div>
        </div>
    </div>

    <!-- 发现好货 -->
    <div class="find_goods">
        <div class="find_goods_title">
            <div class="find_goods_title_a">
                <div>探索新生活
                    <i class="sy"></i>
                </div>
            </div>
        </div>
        <div class="find_goods_show">
            <div class="find_good_showBox">
                <li class="item">
                    <div class="g">万代 拼插 模型</div>
                    <div class="a">
                        <img src="https://img11.360buyimg.com/ceco/s300x300_jfs/t3910/181/779565160/234721/6b17eb6f/585e1edcN1e9fee1c.jpg!q70.jpg.webp" alt="">
                    </div>
                </li>
                <li class="item">
                    <div class="a">
                        <img src="https://img11.360buyimg.com/ceco/s300x300_jfs/t3910/181/779565160/234721/6b17eb6f/585e1edcN1e9fee1c.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div class="g">万代 拼插 模型</div>
                </li>
                <li class="item">
                    <div class="g">李宁 吸湿PU 篮球</div>
                    <div class="a">
                        <img src="https://img14.360buyimg.com/ceco/s300x300_jfs/t1/159722/38/5682/268261/601a43e3E78cbacb6/60bdf8c1c170c8ae.jpg!q70.jpg.webp" alt="">
                    </div>
                </li>
                <li class="item">
                    <div class="a">
                        <img src="https://img13.360buyimg.com/ceco/s300x300_jfs/t1/49863/13/2743/66928/5d087656E5d49af28/888e93e248bf7f28.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div class="g">耐克 缓震 跑步鞋</div>
                </li>
                <li class="item">
                    <div class="g">万代 拼插 模型</div>
                    <div class="a">
                        <img src="https://img11.360buyimg.com/ceco/s300x300_jfs/t3910/181/779565160/234721/6b17eb6f/585e1edcN1e9fee1c.jpg!q70.jpg.webp" alt="">
                    </div>
                </li>
                <li class="item">
                    <div class="a">
                        <img src="https://img30.360buyimg.com/ceco/s300x300_jfs/t1/124187/20/17208/67618/5fa0134fE6c602b4d/301ac0061ce1b608.jpg!q70.jpg.webp" alt="">
                    </div>
                    <div class="g">DURGOD 三模 机械...</div>
                </li>
            </div>
        </div>
    </div>

    <!-- 小模块  -->
    <div class="xiaomo">
        <div class="new_Goods xiaoMoBox">
            <div class="xiaomo_title">
                <a href="#">
                    新品首发
                    <i class="next">&gt;</i>
                </a>
            </div>
            <ul class="main">
                <li >
                    <div class="boxImg1"></div>
                </li>
                <li> 
                    <div class="boxImg2"></div>
                </li>
                <li>
                    <div class="boxImg3"></div>
                </li>
            </ul>
        </div>
        <div class="JOY xiaoMoBox">
            <div class="xiaomo_title">
                <a href="#">
                    JOY 寻宝
                    <i class="next">&gt;</i>
                </a>
            </div>
            <div>JOY 寻宝</div>
        </div>
        <div class="goods_store xiaoMoBox">
            <div class="xiaomo_title">
                <a href="#">
                    逛好店
                    <i class="next">&gt;</i>
                </a>
            </div>
            <div>逛好店</div>
        </div>
        <div class="volume xiaoMoBox">
            <div class="xiaomo_title">
                <a href="#">
                    领卷中心
                    <i class="next">&gt;</i>
                </a>
            </div>
            <div>领卷中心</div>
        </div>
    </div>






    
    <div style="height: 900px;"></div>
    <script src="./js/nav.js"></script>
    <script src="./js/lunbo.js"></script>
</body>
</html>